*{
  margin:0;
  padding:0;
}

#fivepage{
  width:100%;
  height:1100px;
  position: relative;
  overflow: hidden;
  top:0;
}
.five-top{
  position: absolute;
  text-align: center;
  background-color: #F5F5F5;
  width:100%;
  height:70px;
  top:50px;
}
.five-line{
  position: absolute;
  left:0;
  width:90px;
  height:70px;
  border-right: 3px solid #82CCF3;
}
.five-top span{
  font-size: 35px;
  color:#e5c2c2d7;
  left:110px;
  position: absolute;
  line-height: 70px; 
}


.zuopin-one{
  width:100%;
  height:400px;
  overflow: hidden;
  margin-top:200px;
  position: relative;
}

.zuopin-one div{
  float:left;
  width:300px;
  height:300px;
  margin-left:120px;
  margin-right:10px;
  
}

.zuopin-one img{
	width:300px;
  height:300px;
  vertical-align: bottom;
	transition: all 1s;
  }


  .zuopin-two{
    width:100%;
    height:400px;
    overflow: hidden;
    position: relative;
    margin-top: 50px;
    }
    
    .zuopin-two div{
    float:left;
    width:300px;
    height:300px;
    margin-left:120px;
    margin-right: 10px;
    }
    .zuopin-two img{
    width:300px;
    height:300px;
    vertical-align: bottom;
    transition: all 1s;
    }
    
    .zuopin-one img:hover{
    transform: scale(1.2);
    }
    
    .zuopin-two img:hover{
    transform: scale(1.2);
    }
    
  .zuopin1{
    position: absolute;
    left:120px;
  }
  .zuopin2{
    position: absolute;
    left:550px;
  }
  .zuopin3{
    position: absolute;
    left:980px;
  }

  .zuopin4{
    position: absolute;
    left:1410px;
  }

    